<template>
  <div id="CompanyIntroduction">
    <div class="banner container-fuild text-center">关于我们</div>
    <div class="container">
      <div class="row CompanyIntroduction-container">
        <div class="col-xs-12 col-sm-12 col-md-6 wow zoomIn">
          <img class="img-responsive center-block"
               src="@/assets/img/about_img.png">
        </div>
        <div class="col-xs-12 col-sm-12 col-md-6">
          <h3>信易运物流订舱系统</h3>
          <p class=".text-justify">本软件系统是物流集装箱订舱领域下的一个简易系统，拥有舱位展示、舱位订购、订单可视化、舱位发布、查看订单、个人中心等功能，其业务知识是个人公司实习和专业学习所学得，结合自己的理解将其实现，内容仅供参考。 </p>
          <p class=".text-justify">本软件系统是由中山大学新华学院2018级软件工程蔡俊益同学设计并实现的，仅用于2018-2022年度蔡俊益同学毕业设计论文中，侵权必究！</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { WOW } from 'wowjs';
export default {
  name: 'CompanyIntroduction',
  data () {
    return {

    }
  },
  mounted () {
    var wow = new WOW();
    wow.init();
  }
}
</script>
<style scoped>
.banner {
  color: #fff;
  font-size: 30px;
  height: 195px;
  line-height: 195px;
  background-image: url("../assets/img/banner1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.CompanyIntroduction-container {
  padding: 100px 0;
  color: #808080;
  transition: all ease 0.5s;
}
.CompanyIntroduction-container > div > p {
  font-size: 14px;
  line-height: 2.5rem;
}
@media screen and (max-width: 997px) {
  .CompanyIntroduction-container {
    padding: 10px 0;
    color: #808080;
  }
}
</style>

